@charset "utf-8";
html,body { font-family:'PingFang SC', Arial,"Microsoft YaHei"; height:100%; width:100%;}
body { margin:0 auto; padding:0; max-width:7.5rem; overflow-x:hidden; -webkit-overflow-scrolling:touch}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,tr,th,td,img{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
address { font-style:normal;}
input[type="button"], input[type="submit"],button{ cursor:pointer; outline:none; -webkit-appearance:none;font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input[type="text"],input[type="password"],textarea,select {outline:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {-webkit-appearance:none;}
textarea {resize:none; font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#e5e5e5;}
select { background-color:#fff;}
table { border-collapse:collapse; border-spacing:0;border:none;}
ul,ol{list-style:none;}
img { border:none; border-width:0; margin:0; padding:0; vertical-align:top; }
a{text-decoration:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; color:#888;}
.red { color:#ea2b2b;}
.yellow { color:#ff8400;}
.gray { color:#888;}
.blue { color:#48c6e9 }
i { font-style:normal;}

.rel { position:relative;}
.box-h,.box-v { box-sizing:border-box; display:-moz-box; display:-webkit-box; display:box; display:-o-box; width:100%;}
.flex { display:block; -moz-box-flex:1; -webkit-box-flex:1; -o-box-flex:1; box-flex:1;}
.box-v {-moz-box-orient:vertical; -webkit-box-orient:vertical; -o-box-orient:vertical; box-orient:vertical;}
.box-h { -moz-box-orient:horizontal; -webkit-box-orient:horizontal; -o-box-orient:horizontal; box-orient:horizontal;}
.mt5 { margin-top:0.05rem;}
.mt10 { margin-top:0.1rem;}
.mt20 { margin-top:0.2rem;}
.mt30 { margin-top:0.3rem;}
.mt50 { margin-top:0.5rem;}
.ml15 { margin-left:0.15rem;}
.ml40 { margin-left:0.4rem;}
.mr40 { margin-right:0.4rem;}
.mr20 {margin-right:0.2rem;}
.db { display:block; }


.fl{float:left;}
.fr{float:right;}
.cf:after,.cf:before {content:""; display:table;}
.cf:after {clear:both;}
.tl {text-align:left!important;}
.tc {text-align:center!important;}
.tr {text-align:right;}

/*hide*/
.ovh {overflow:hidden;}
.t-ovh {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.bdn { border:none!important; }

/*com*/
.comBtn { display:block; height:0.9rem; line-height:0.9rem; text-align:center; font-size:0.32rem; color:#fff; background-image:-webkit-linear-gradient(left,#806f41,#998755); border-radius:0.45rem; box-shadow:0.03rem 0.03rem 0.1rem rgba(159,142,96,.5) }
.comTab {height:0.9rem; line-height:0.9rem; background-color:#fff; font-size:0.3rem; color:#666; border-bottom:1px solid #f0f0f0}
.comTab a {width:33.3%; color:#666; text-align:center; }
.comTab .curr { color:#817041; border-bottom:3px solid #817041; }

/*loginPage*/
.loginPage { position:relative; box-sizing:border-box; padding:3.6rem 0 0; height:100%; background-color:#f1f1f1; }
.loginPage .logo { position:absolute; left:50%; top:0.9rem; margin-left:-1.1rem; width:2.2rem; height:2.2rem; background:url(../images/logo.png) no-repeat 50% 50% #fff; background-size:1.44rem 1.4rem; border-radius:50%; }
.loginPage .txt { width:100%; box-sizing:border-box; padding:0.3rem 0; height:1rem; line-height:0.4rem; border:none; border-bottom:1px solid #f1f1f1; outline:none; font-size:0.36rem; color:#333; text-align:center; }
.loginPage .subBox { padding:0.5rem 0.45rem 0; box-sizing:border-box; }
.loginPage .tip { padding:0.8rem 0.45rem 0; box-sizing:border-box; font-size:0.32rem; color:#806f41;}
.loginPage .tipContext { padding:0 0.45rem 0; box-sizing:border-box; font-size:0.28rem; color:#806f41;}
.loginPage .mt120 { margin-top:120px;}
.loginPage .btm { margin-top:.9rem; text-align:center; color:#e4e4e4; font-size:0.32rem; line-height:1; }
.loginPage .btm .findPwd{ margin-right:0.5rem; color:#333; }
.loginPage .btm .reg{ margin-left:0.5rem; color:#9e8d5f; }

/*me*/
.me {box-sizing:border-box; height:100%; overflow-y:auto; background-color:#fff;}
.userCard { position:relative; height:3.9rem; background:url(../images/user_bg.png) no-repeat; background-size:100% 100%;}
.userCard .avatarBox { position:absolute; top:.45rem; width:100%; text-align:center; line-height:1; }
.userCard .avatarBox .avatar { display:inline-block; width:1.6rem; height:1.6rem; border-radius:50%; }
.userCard .avatarBox .name { margin-top:0.20rem; font-size:0.36rem; color:#fff; }
.userCard .avatarBox .tel { margin-top:0.15rem; font-size:0.26rem; color:#fff; }
.userCard .avatarBox .star { margin-top:0.15rem; font-size:0; text-align:center; }
.userCard .avatarBox .star img {vertical-align:top; width:0.36rem; height:0.3rem; }
.userCard .avatarBox .btn {position:absolute; right:0; top:2.15rem; padding:0 0.25rem; height:0.48rem; line-height:0.48rem; border-radius:0.24rem 0 0 0.24rem; border:1px solid rgba(255,255,255,.5); border-right:none; font-size:0.24rem; color:#fff; }
.userCard .btm { box-sizing:border-box; padding:0.15rem 0; position:absolute; left:0; bottom:0; width:100%; text-align:center; height:1.0rem; line-height:0.35rem; background-color:rgba(0,0,0,.2); font-size:0.3rem; color:#fff; }
.userCard .btm .num { font-size:0.3rem; }
.userCard .btm .type { display:block; color:rgba(255,255,255,.6); font-size:0.24rem; }
.setList li{ position:relative; padding:0 0 0 1.1rem; }
.setList li:before { position:absolute; left:0.4rem; top:50%; margin-top:-0.18rem; width:0.36rem; height:0.36rem; content:''; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; }
.setList li a { padding-right:0.45rem; display:block; height:1rem; line-height:1rem; border-bottom:1px solid #efefef; color:#333; font-size:0.32rem; }
.setList a:after { position:absolute; right:0.3rem; top:50%; margin-top:-0.12rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.setList .account:before { background-image:url(../images/i_account.png); }
.setList .score:before { background-image:url(../images/i_score.png); }
.setList .card:before { background-image:url(../images/i_card.png); }
.setList .spread:before { background-image:url(../images/i_spread.png); }
.setList .agent:before { background-image:url(../images/i_agent.png); }
.setList .link:before { background-image:url(../images/i_link.png); }
.setList .beauty:before { background-image:url(../images/i_beauty.png); }
.setList .k:before { background-image:url(../images/i_k.png); }
.setList .customer:before { background-image:url(../images/i_user.png); }
.setList .score .total { position:absolute; top:0; right:0.6rem; line-height:1.0rem; font-size:0.26rem; color:#b4b4b4; }
.colT { padding:0.7rem 0 0.4rem; text-align:center; font-size:0.36rem; line-height:1; color:#333; font-weight:normal;}
.beautyList { box-sizing:border-box; padding:0 0.3rem 0.3rem; overflow:hidden; }
.beautyList li {float:left; width:50%; height:2.5rem; text-align:center; }
.beautyList img { width:2.9rem; height:2.0rem; border-radius:0.12rem; }
.beautyList .t { margin-top:0.15rem; display:inline-block; height:0.34rem; font-size:0.26rem; color:#333; line-height:0.34rem; }

/*myself*/
.myself { box-sizing:border-box; height:100%; overflow-y:auto; background-color:#f1f1f1;}
.myself ul { border-top:0.3rem solid #f5f5f5; border-bottom:1px solid #e6e6e6; padding-left:0.3rem; background-color:#fff; }
.myself li{ position:relative; padding:0 0.7@charset "utf-8";
html,body { font-family:'PingFang SC', Arial,"Microsoft YaHei"; height:100%; width:100%;}
body { margin:0 auto; padding:0; max-width:7.5rem; overflow-x:hidden; -webkit-overflow-scrolling:touch}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,tr,th,td,img{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
address { font-style:normal;}
input[type="button"], input[type="submit"],button{ cursor:pointer; outline:none; -webkit-appearance:none;font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input[type="text"],input[type="password"],textarea,select {outline:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {-webkit-appearance:none;}
textarea {resize:none; font-family:'PingFang SC', Arial,"Microsoft YaHei";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#e5e5e5;}
select { background-color:#fff;}
table { border-collapse:collapse; border-spacing:0;border:none;}
ul,ol{list-style:none;}
img { border:none; border-width:0; margin:0; padding:0; vertical-align:top; }
a{text-decoration:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; color:#888;}
.red { color:#ea2b2b;}
.yellow { color:#ff8400;}
.gray { color:#888;}
.blue { color:#48c6e9 }
i { font-style:normal;}

.rel { position:relative;}
.box-h,.box-v { box-sizing:border-box; display:-moz-box; display:-webkit-box; display:box; display:-o-box; width:100%;}
.flex { display:block; -moz-box-flex:1; -webkit-box-flex:1; -o-box-flex:1; box-flex:1;}
.box-v {-moz-box-orient:vertical; -webkit-box-orient:vertical; -o-box-orient:vertical; box-orient:vertical;}
.box-h { -moz-box-orient:horizontal; -webkit-box-orient:horizontal; -o-box-orient:horizontal; box-orient:horizontal;}
.mt5 { margin-top:0.05rem;}
.mt10 { margin-top:0.1rem;}
.mt20 { margin-top:0.2rem;}
.mt30 { margin-top:0.3rem;}
.mt50 { margin-top:0.5rem;}
.ml15 { margin-left:0.15rem;}
.ml40 { margin-left:0.4rem;}
.mr40 { margin-right:0.4rem;}
.mr20 {margin-right:0.2rem;}
.db { display:block; }

.fl{float:left;}
.fr{float:right;}
.cf:after,.cf:before {content:""; display:table;}
.cf:after {clear:both;}
.tl {text-align:left!important;}
.tc {text-align:center!important;}
.tr {text-align:right;}

/*hide*/
.ovh {overflow:hidden;}
.t-ovh {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.bdn { border:none!important; }

/*com*/
.comBtn { display:block; height:0.9rem; line-height:0.9rem; text-align:center; font-size:0.32rem; color:#fff; background-image:-webkit-linear-gradient(left,#806f41,#998755); border-radius:0.45rem; box-shadow:0.03rem 0.03rem 0.1rem rgba(159,142,96,.5) }
.comTab {height:0.9rem; line-height:0.9rem; background-color:#fff; font-size:0.3rem; color:#666; border-bottom:1px solid #f0f0f0}
.comTab a {width:33.3%; color:#666; text-align:center; }
.comTab .curr { color:#817041; border-bottom:3px solid #817041; }

/*loginPage*/
.loginPage { position:relative; box-sizing:border-box; padding:3.6rem 0 0; height:100%; background-color:#f1f1f1; }
.loginPage .logo { position:absolute; left:50%; top:0.9rem; margin-left:-1.1rem; width:2.2rem; height:2.2rem; background:url(../images/logo.png) no-repeat 50% 50% #fff; background-size:1.44rem 1.4rem; border-radius:50%; }
.loginPage .txt { width:100%; box-sizing:border-box; padding:0.3rem 0; height:1rem; line-height:0.4rem; border:none; border-bottom:1px solid #f1f1f1; outline:none; font-size:0.36rem; color:#333; text-align:center; }
.loginPage .subBox { padding:0.5rem 0.45rem 0; box-sizing:border-box; }
.loginPage .mt120 { margin-top:120px;}
.loginPage .btm { margin-top:.9rem; text-align:center; color:#e4e4e4; font-size:0.32rem; line-height:1; }
.loginPage .btm .findPwd{ margin-right:0.5rem; color:#333; }
.loginPage .btm .reg{ margin-left:0.5rem; color:#9e8d5f; }

/*me*/
.me {box-sizing:border-box; height:100%; overflow-y:auto;}
.userCard { position:relative; height:4.6rem; background:url(../images/user_bg.png) no-repeat; background-size:100% 100%;}
.userCard .avatarBox { position:absolute; top:.45rem; width:100%; text-align:center; line-height:1; }
.userCard .avatarBox .avatar { display:inline-block; width:1.6rem; height:1.6rem; border-radius:50%; }
.userCard .avatarBox .name { margin-top:0.20rem; font-size:0.36rem; color:#fff; }
.userCard .avatarBox .tel { margin-top:0.15rem; font-size:0.26rem; color:#fff; }
.userCard .avatarBox .star { margin-top:0.15rem; font-size:0; text-align:center; }
.userCard .avatarBox .star img {vertical-align:top; width:0.36rem; height:0.3rem; }
.userCard .avatarBox .btn {position:absolute; right:0; top:2.15rem; padding:0 0.25rem; height:0.48rem; line-height:0.48rem; border-radius:0.24rem 0 0 0.24rem; border:1px solid rgba(255,255,255,.5); border-right:none; font-size:0.24rem; color:#fff; }
.userCard .btm { box-sizing:border-box; padding:0.15rem 0; position:absolute; left:0; bottom:0; width:100%; text-align:center; height:1.0rem; line-height:0.35rem; background-color:rgba(0,0,0,.2); font-size:0.3rem; color:#fff; }
.userCard .btm .num { font-size:0.3rem; }
.userCard .btm .type { display:block; color:rgba(255,255,255,.6); font-size:0.24rem; }
.setList { background-color:#fff;}
.setList li{ position:relative; padding:0 0 0 1.1rem; }
.setList li:before { position:absolute; left:0.4rem; top:50%; margin-top:-0.18rem; width:0.36rem; height:0.36rem; content:''; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; }
.setList li a { padding-right:0.45rem; display:block; height:1rem; line-height:1rem; border-bottom:1px solid #efefef; color:#333; font-size:0.32rem; }
.setList li:last-child a{ border-bottom:none; }
.setList a:after { position:absolute; right:0.3rem; top:50%; margin-top:-0.12rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.setList .account:before { background-image:url(../images/i_account.png); }
.setList .score:before { background-image:url(../images/i_score.png); }
.setList .card:before { background-image:url(../images/i_card.png); }
.setList .spread:before { background-image:url(../images/i_spread.png); }
.setList .agent:before { background-image:url(../images/i_agent.png); }
.setList .link:before { background-image:url(../images/i_link.png); }
.setList .beauty:before { background-image:url(../images/i_beauty.png); }
.setList .score .total { position:absolute; top:0; right:0.6rem; line-height:1.0rem; font-size:0.26rem; color:#b4b4b4; }

.colT { padding:0.7rem 0 0.4rem; text-align:center; font-size:0.36rem; line-height:1; color:#333; font-weight:normal;}
.beautyList { box-sizing:border-box; padding:0 0.3rem 0.3rem; overflow:hidden; }
.beautyList li {float:left; width:50%; height:2.5rem; text-align:center; }
.beautyList img { width:2.9rem; height:2.0rem; border-radius:0.12rem; }
.beautyList .t { margin-top:0.15rem; display:inline-block; height:0.34rem; font-size:0.26rem; color:#333; line-height:0.34rem; }

/*myself*/
.myself { box-sizing:border-box; height:100%; overflow-y:auto; background-color:#f1f1f1;}
.myself ul { border-top:0.3rem solid #f5f5f5; border-bottom:1px solid #e6e6e6; padding-left:0.3rem; background-color:#fff; }
.myself li{ position:relative; padding:0 0.75rem 0 0; min-height:1.0rem; line-height:1rem; border-bottom:1px solid #efefef; }
.myself li:before { position:absolute; left:0.3rem; top:50%; margin-top:-0.16rem; width:0.32rem; height:0.32rem; content:''; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; }
.myself li:after { position:absolute; right:0.3rem; top:50%; margin-top:-0.12rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.myself li .txt { display:block; width:100%; border:none; height:1rem; line-height:normal; color:#000; font-size:0.32rem; text-align:right; }
.myself li .lab { display:block; padding-right:0.2rem; font-size:0.32rem; color:#333;}
.myself li .avatar { display:block; width:1.0rem; height:1.0rem; border-radius:50%; }
.myself li.avatarBox { padding:0.2rem 0.75rem 0.2rem 0; }
.myself li:last-child { border-bottom:none; }

/*account*/
.accountBox { box-sizing:border-box; height:100%; overflow-y:auto; background-color:#f1f1f1; }
.accountBox .top { box-sizing:border-box; padding-top:1.25rem; height:4.68rem; background:url(../images/account_bg.png) no-repeat 0 100%; background-size:100% 100%; font-size:0.3rem; line-height:1; color:rgba(255,255,255,.5);}
.accountBox .money { padding:0.4rem 0 0.35rem; color:#fff; font-size:1.26rem; font-weight:bold; }
.accountBox .setList li a {height:1.2rem; line-height:1.2rem;}
.accountBox .setList li:before {left:0.3rem; margin-top:-0.22rem; width:0.44rem; height:0.44rem; }
.accountBox .setList .cash:before { background-image:url(../images/i_cash.png); }
.accountBox .setList .record:before { background-image:url(../images/i_record.png); }

/*bankCard*/
.bankCard { padding:0.3rem 0.3rem 0; box-sizing:border-box; height:100%; overflow-y:auto; background-color:#f1f1f1;}
.bankCard li { position:relative; padding:0.3rem 0.4rem; margin-bottom:0.3rem; box-sizing:border-box; background-color:#fff; height:2.4rem; border-radius:0.15rem;}
.bankCard li .name { line-height:1; font-size:0.48rem; color:#333; }
.bankCard li .bank,.bankCard li .num { font-size:0.3rem; color:#999; }
.bankCard li .bank { margin-top:0.5rem;}
.bankCard li .num { margin-top:0.15rem;}
.bankCard li.curr:after { position:absolute; top:50%; right:0.4rem; margin-top:-0.27rem; width:0.54rem; height:0.54rem; content:''; background:url(../images/i_right.png) no-repeat; background-size:100%; }
.bankCard li.add { border-radius:0.15rem; border:1px dashed #c3c3c3; height:1.8rem; background:url(../images/i_add.png) no-repeat 50% 0.47rem; background-size:1.41rem 0.87rem; background-color:transparent; }

/*recordBox*/
.recordBox {box-sizing:border-box; height:100%; overflow-y:auto;}
.recordBox ul{ padding-left:0.3rem; }
.recordBox li { position:relative; box-sizing:border-box; padding:0.4rem 0; border-bottom:1px solid #e6e6e6; line-height:1; }
.recordBox li .name { font-size:0.32rem; color:#333; }
.recordBox li time { display:inline-block; margin-top:0.15rem; font-size:0.26rem; color:#aaa; }
.recordBox li .num { position:absolute; right:0.4rem; top:50%; -webkit-transform:translateY(-50%); color:#e41010; font-size:0.36rem; }


/*bespoke*/
.bespoke {position:relative; box-sizing:border-box; height:100%; padding-bottom:0.9rem;}
.bespoke .btn { position:absolute; left:0; bottom:0; width:100%; height:0.9rem; line-height:0.9rem; text-align:center; color:#fff; background-color:#938150; font-size:0.32rem; }


.recordDate { border-bottom:0.2rem solid #f0f0f0;}
.recordDate .btn { margin:0.15rem; display:block; width:1.7rem; height:1.7rem; line-height:1.7rem; border-radius:0.1rem; background-color:#817041; text-align:center; font-size:0.48rem; color:#fff;}
.dataList { padding-left:0.3rem;}
.dataList li {padding:0 0.7rem 0 0; box-sizing:border-box; height:1.0rem; line-height:1.0rem; text-align:right; border-bottom:1px solid #f0f0f0; }
.dataList li:last-child { border-bottom:none; }
.dataList li .name { display:block; font-size:0.32rem; color:#333; }
.dataList li:after { position:absolute; right:0.3rem; top:50%; margin-top:-0.12rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.dataList .date { font-size:0.28rem; }


/*cashBox*/
.cashBox {box-sizing:border-box; height:100%; overflow-y:auto;}
.cashBox ul{ padding:0.1rem 0 0 0.4rem; }
.cashBox li { position:relative; box-sizing:border-box; padding:0.5rem 0; border-bottom:1px solid #e6e6e6; line-height:1; }
.cashBox li a:after { position:absolute; right:0.3rem; top:50%; margin-top:0.18rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.cashBox li .name { font-size:0.3rem; color:#bbb; }
.cashBox li .bank { margin-top:0.4rem; font-size:0.38rem; color:#333; }
.cashBox li .num { font-size:0.28rem; color:#d4d4d4; }
.cashBox li .txtBox { padding:0.23rem 0;}
.cashBox li .txtBox sup { margin-right:0.2rem; vertical-align:0.1rem; font-size:0.36rem; color:#000; font-weight:bold; }
.cashBox li .txtBox .txt { vertical-align:top; font-size:36px; color:#000; height:0.9rem; line-height:1; font-size:0.9rem; color:#000; border:none; outline:none; font-weight:bold; }
.cashBox .btm { padding:0.4rem 0.4rem 0; box-sizing:border-box;}

/*codePage*/
.codePage { position:relative; box-sizing:border-box; height:100%; overflow-y:auto; background:url(../images/code_bg.png) no-repeat #ddc98a; background-size:100% auto;}
.codePage .code { box-sizing:border-box; padding:10px; position:absolute; left:50%; top:215px; margin-left:-85px; background-color:#fff; width:170px; }
.codePage .code img { width:150px; height:150px; }
.codePage .info { position:absolute; top:415px; left:0; width:100%; line-height:1.5; font-size:18px; color:#333; }
.codePage .info .name { font-size:24px;}

/*agentPage*/
.agentPage {box-sizing:border-box; height:100%; overflow-y:auto;}
.agentPage .top{padding:0.2rem 0 0 0.3rem; height:0.9rem; line-height:0.9rem; background-color:#f0f0f0; font-size:0.24rem; color:#999;}
.agentPage ul{ padding:0.5rem 0 0 0.4rem; }
.agentPage li { box-sizing:border-box; padding:0.35rem 0 0; border-bottom:1px solid #e6e6e6; line-height:1; font-size:0.32rem; color:#333; }
.agentPage li .txt { padding:0.3rem 0; height:0.4rem; line-height:0.4rem; font-size:0.32rem; border:none; outline:none; }
.agentPage .btm { padding:0.7rem 0.4rem 0; box-sizing:border-box;}
.agentPage .bespokeBox { padding:0 0 0 0.4rem; box-sizing:border-box;}
.agentPage .bespokeBox li { position:relative; padding:0 0.6rem 0 0; position:relative; border-bottom:1px solid #e6e6e6;}
.agentPage .bespokeBox li:after { position:absolute; right:0.3rem; top:50%; -webkit-transform:translateY(-50%); width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat; background-size:100% 100%;}
.agentPage .bespokeBox .txt { width:100%; box-sizing:border-box; padding:0.35rem 0; height:1rem; line-height:0.4rem; border:none; outline:none; font-size:0.32rem; color:#333; text-align:right; }
.agentPage .bespokeBox .t { display:block; font-size:0.32rem; color:#333; line-height:1.1rem; }

/*myAgent*/
.myAgent {position:relative; box-sizing:border-box; height:100%; overflow-y:auto;}
.myAgent ul{ padding-left:0.3rem; }
.myAgent li a{ display:block; position:relative; box-sizing:border-box; padding:0.4rem 0; border-bottom:1px solid #e6e6e6; line-height:1; }
.myAgent li .name { font-size:0.36rem; color:#333; }
.myAgent li .tel { margin-top:0.15rem; font-size:0.26rem; color:#aaa; }
.myAgent li a:after { position:absolute; right:0.3rem; top:50%; margin-top:-0.12rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.myAgent .add { position:absolute; bottom:0.3rem; right:0.3rem; width:1.2rem; height:1.2rem; background-color:#8d7e54; color:#fff; text-align:center; line-height:1.2rem; border-radius:50%; font-size:0.32rem; }

/*showTip*/
.showTip { display:none; box-sizing:border-box; padding:0 0.2rem; position:absolute; left:0; bottom:1.2rem; width:100%; text-align:center; }
.showTip .tip { display:inline-block; padding:0.2rem; box-sizing:border-box; vertical-align:top; line-height:0.5rem; background-color:rgba(0,0,0,.7); color:#fff; border-radius:0.15rem; font-size:0.26rem;}

/*myLink*/
.myLink { padding:2.25rem 0.45rem 0; box-sizing:border-box; height:100%; overflow-y:auto;}
.myLink .url { margin-bottom:0.7rem; font-size:0.26rem; line-height:1.5; color:#666; word-wrap:break-word; }
.myLink .url::selection {background:none; color:#333;}

/*register*/
.register { position:relative; box-sizing:border-box; padding:.2rem 0 0; height:100%; background-color:#f1f1f1; }
.register .txt { width:100%; box-sizing:border-box; padding:0.3rem 0; height:1rem; line-height:0.4rem; border:none; outline:none; font-size:0.32rem; color:#333; }
.register .txt.choose { position:relative; padding-right:0.75rem; text-align:right; background:url(../images/i_arrow.png) no-repeat 95% 50%; background-size:0.14rem 0.24rem; font-size:0.26rem;}
.register .list { padding-left:0.3rem; box-sizing:border-box; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background-color:#fff; }
.register .list li { border-bottom:1px solid #e4e4e4 }
.register .list li:last-child { border-bottom:none; }
.register .subBox {padding:0.5rem 0.45rem 0; box-sizing:border-box;}
.register .getCode,.register .countDown { position:absolute; right:0.2rem; top:50%; margin-top:-0.2rem; height:0.2rem; color:#ff8400; font-size:0.32rem; }
.register .countDown { display:none; }

/*service*/
.service { box-sizing:border-box; height:100%; overflow-y:auto;}
.service ul { padding-top:0.3rem; padding-left:0.3rem;}
.service li{ position:relative; padding:0 0.75rem 0 0; min-height:1.0rem; line-height:1rem; border-bottom:1px solid #efefef; }
.service li:after { position:absolute; right:0.3rem; top:50%; margin-top:-0.12rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.service li .t { display:block; padding-right:0.2rem; font-size:0.32rem; color:#333;}
.service li .tel { font-size:0.32rem; color:#d7d7d7; }

/*myScore*/
.myScore {box-sizing:border-box; height:100%; overflow-y:auto;}
.myScore .tBar { height:0.8rem; line-height:0.8rem; background-color:#e8e8e8; text-align:center; font-size:0.32rem; color:#999; }
.myScore .tBar .t { width:33.3%; }
.myScore .scoreList { box-sizing:border-box; padding-left:0.3rem; }
.myScore .scoreList li { height:1.0rem; line-height:1.0rem; border-bottom:1px solid #e8e8e8; font-size:0.32rem; color:#333;}
.myScore .scoreList li p { width:33.3%; }
.myScore .scoreList li .score { box-sizing:border-box; padding-right:0.3rem; text-align:right; color:#0077f0; }
.scoreBtn { position:absolute; right:0.35rem; bottom:0.35rem; padding:0.3rem 0.35rem; box-sizing:border-box; width:1.5rem; line-height:0.45rem; background-color:#887748; color:#fff; font-size:0.36rem; text-align:center; border-radius:50%;}

/*beautyOpt*/
.beautyOpt {box-sizing:border-box; height:100%; overflow-y:auto;}
.beautyOpt .top {height:1.6rem; line-height:1.6rem; font-size:0.48rem; text-align:center; color:#fff; background:url(../images/user_bg.png) no-repeat 50% 50%; background-size:100% 100%;}
.beautyOpt .beautyList { padding-top:0.1rem; }
.beautyOpt .beautyList li { margin-top:0.4rem; }

/*checkbox*/
.check { position:relative; display:block; width:0.36rem; height:0.36rem; overflow:hidden;}
.check input[type="checkbox"],.check input[type="radio"] {visibility:hidden;}
.check input[type="checkbox"]+label,.check input[type="radio"]+label { box-sizing:border-box; position:absolute; left:0; top:0; width:0.36rem; height:0.36rem; border-radius:50%; border:1px solid #ff8400;}
.check input[type="checkbox"]:checked+label,.check input[type="radio"]:checked+label { border-color:#ff8400; }
.check input[type="checkbox"]:checked+label:after,.check input[type="radio"]:checked+label:after { position:absolute; left:50%; top:50%; margin:-0.12rem 0 0 -0.12rem; width:0.24rem; height:0.24rem; content:''; background:url(../images/rad.png) no-repeat 50% 50%; background-size:0.24rem 0.24rem;}

/*explain*/
.explain { padding:0 0.3rem; box-sizing:border-box; height:100%; overflow-y:auto;}
.explain .t { padding:0.55rem 0; line-height:0.8rem; border-bottom:1px solid #dedede; font-size:0.6rem; color:#333; font-weight:normal; }
.explain .con {padding-top:0.4rem; text-align:justify;}
.explain .con p { margin-bottom:0.2rem; font-size:0.3rem; line-height:2; color:#666;}

/*kVal*/
.kVal,.customerPage {box-sizing:border-box; height:100%; overflow-y:auto;}
.kVal .top,.customerPage .top { position:relative; box-sizing:border-box; padding-top:.65rem; height:4.4rem; background:url(../images/account_bg.png) no-repeat 0 100%; background-size:100% 100%; font-size:0.36rem; line-height:1; color:rgba(255,255,255,.5);}
.kVal .money,.customerPage .num { padding:0.4rem 0 0; color:#fff; font-size:1.26rem; font-weight:bold; }
.kVal .t-b,.customerPage .t-b { position:absolute; bottom:0; width:100%; height:1.2rem; background-color:rgba(0,0,0,.1); text-align:center; font-size:0.24rem; line-height:1; color:rgba(255,255,255,.4)}
.kVal .t-b .flex,.customerPage .t-b .flex { padding:0.2rem 0;}
.kVal .t-b .price {padding-bottom:0.1rem; font-size:0.48rem; line-height:1; color:#fff;}
.kVal .t-b .flex:last-child,.customerPage .t-b .flex:last-child { border-left:1px solid rgba(255,255,255,.15);}
.kLine { padding:0 0 0 0.3rem; }
.kLine li { border-bottom:1px solid #efefef; height:1.1rem; line-height:1.1rem; font-size:0.32rem; color:#000; overflow:hidden; }
.kLine li .date { padding:0 0.3rem; color:#999; }

/*customerPage*/
.customerPage .num .unit {font-weight:normal; font-size:0.48rem; }
.customerPage .t-b .flex { position:relative; font-size:0.36rem; color:#fff; line-height:.8rem; }
.customerPage .t-b .flex.curr:after { position:absolute; left:50%; bottom:0; width:0; height:0; content:''; transform:translateX(-50%); border:0.18rem solid transparent; border-bottom-color:#fff; }
.customerList {padding:0 0 0 0.3rem;}
.customerList li { padding:0.35rem 0.3rem 0.35rem 0; border-bottom:1px solid #efefef; line-height:0.45rem; font-size:0.26rem; color:#999;}
.customerList li .name { color:#000; font-size:0.32rem; }

/*myAgent*/
.myAgent {position:relative; box-sizing:border-box; height:100%; overflow-y:auto;}
.myAgent ul{ padding-left:0.3rem; }
.myAgent li { padding:0.35rem 0.3rem 0.35rem 0; border-bottom:1px solid #efefef; line-height:0.45rem; font-size:0.26rem; color:#999;}
.myAgent li .name { color:#000; font-size:0.32rem; }
.myAgent .add { position:absolute; bottom:0.3rem; right:0.3rem; width:1.2rem; height:1.2rem; background-color:#8d7e54; color:#fff; text-align:center; line-height:1.2rem; border-radius:50%; font-size:0.32rem; }5rem 0 0; min-height:1.0rem; line-height:1rem; border-bottom:1px solid #efefef; }
.myself li:before { position:absolute; left:0.3rem; top:50%; margin-top:-0.16rem; width:0.32rem; height:0.32rem; content:''; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%; }
.myself li:after { position:absolute; right:0.3rem; top:50%; margin-top:-0.12rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.myself li .txt { display:block; width:100%; border:none; height:1rem; line-height:normal; color:#000; font-size:0.32rem; text-align:right; }
.myself li .lab { display:block; padding-right:0.2rem; font-size:0.32rem; color:#333;}
.myself li .avatar { display:block; width:1.0rem; height:1.0rem; border-radius:50%; }
.myself li.avatarBox { padding:0.2rem 0.75rem 0.2rem 0; }
.myself li:last-child { border-bottom:none; }

/*account*/
.accountBox { box-sizing:border-box; height:100%; overflow-y:auto; background-color:#f1f1f1; }
.accountBox .top { box-sizing:border-box; padding-top:1.25rem; height:4.68rem; background:url(../images/account_bg.png) no-repeat 0 100%; background-size:100% 100%; font-size:0.3rem; line-height:1; color:rgba(255,255,255,.5);}
.accountBox .money { padding:0.4rem 0 0.35rem; color:#fff; font-size:1.26rem; font-weight:bold; }
.accountBox .setList li a {height:1.2rem; line-height:1.2rem;}
.accountBox .setList li:before {left:0.3rem; margin-top:-0.22rem; width:0.44rem; height:0.44rem; }
.accountBox .setList .cash:before { background-image:url(../images/i_cash.png); }
.accountBox .setList .record:before { background-image:url(../images/i_record.png); }

/*bankCard*/
.bankCard { padding:0.3rem 0.3rem 0; box-sizing:border-box; height:100%; overflow-y:auto; background-color:#f1f1f1;}
.bankCard li { position:relative; padding:0.3rem 0.4rem; margin-bottom:0.3rem; box-sizing:border-box; background-color:#fff; height:2.4rem; border-radius:0.15rem;}
.bankCard li .name { line-height:1; font-size:0.48rem; color:#333; }
.bankCard li .bank,.bankCard li .num { font-size:0.3rem; color:#999; }
.bankCard li .bank { margin-top:0.5rem;}
.bankCard li .num { margin-top:0.15rem;}
.bankCard li.curr:after { position:absolute; top:50%; right:0.4rem; margin-top:-0.27rem; width:0.54rem; height:0.54rem; content:''; background:url(../images/i_right.png) no-repeat; background-size:100%; }
.bankCard li.add { border-radius:0.15rem; border:1px dashed #c3c3c3; height:1.8rem; background:url(../images/i_add.png) no-repeat 50% 0.47rem; background-size:1.41rem 0.87rem; background-color:transparent; }

/*recordBox*/
.recordBox {box-sizing:border-box; height:100%; overflow-y:auto;}
.recordBox ul{ padding-left:0.3rem; }
.recordBox li { position:relative; box-sizing:border-box; padding:0.4rem 0; border-bottom:1px solid #e6e6e6; line-height:1; }
.recordBox li .name { font-size:0.32rem; color:#333; }
.recordBox li time { margin-top:0.15rem; font-size:0.26rem; color:#aaa; }
.recordBox li .num { position:absolute; right:0.4rem; top:50%; -webkit-transform:translateY(-50%); color:#e41010; font-size:0.36rem; }
.recordBox .ktab thead tr { background-color:#fff; border-bottom:1px solid #f4f4f4; }

.recordDate { border-bottom:0.2rem solid #f0f0f0;}
.recordDate .btn { margin:0.15rem; display:block; width:1.7rem; height:1.7rem; line-height:1.7rem; border-radius:0.1rem; background-color:#817041; text-align:center; font-size:0.48rem; color:#fff;}
.dataList { padding-left:0.3rem;}
.dataList li {padding:0 0.7rem 0 0; box-sizing:border-box; height:1.0rem; line-height:1.0rem; text-align:right; border-bottom:1px solid #f0f0f0; }
.dataList li:last-child { border-bottom:none; }
.dataList li .name { display:block; font-size:0.32rem; color:#333; }
.dataList li:after { position:absolute; right:0.3rem; top:50%; margin-top:-0.12rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.dataList .date { font-size:0.28rem; }


/*cashBox*/
.cashBox {box-sizing:border-box; height:100%; overflow-y:auto;}
.cashBox ul{ padding:0.1rem 0 0 0.4rem; }
.cashBox li { position:relative; box-sizing:border-box; padding:0.5rem 0; border-bottom:1px solid #e6e6e6; line-height:1; }
.cashBox li a:after { position:absolute; right:0.3rem; top:50%; margin-top:0.18rem; width:0.14rem; height:0.24rem; content:''; background:url(../images/i_arrow.png) no-repeat 50% 50%; background-size:100% 100%;}
.cashBox li .name { font-size:0.3rem; color:#bbb; }
.cashBox li .bank { margin-top:0.4rem; font-size:0.38rem; color:#333; }
.cashBox li .num { font-size:0.28rem; color:#d4d4d4; }
.cashBox li .txtBox { padding:0.23rem 0;}
.cashBox li .txtBox sup { margin-right:0.2rem; vertical-align:0.1rem; font-size:0.36rem; color:#000; font-weight:bold; }
.cashBox li .txtBox .txt { vertical-align:top; font-size:36px; color:#000; height:0.9rem; line-height:1; font-size:0.9rem; color:#000; border:none; outline:none; font-weight:bold; }
.cashBox .btm { padding:0.4rem 0.4rem 0; box-sizing:border-box;}

/*codePage*/
.codePage { position:relative; box-sizing:border-box; height:100%; overflow-y:auto; background:url(../images/code_bg.png) no-repeat #ddc98a; background-size:100% auto;}
.codePage .code { box-sizing:border-box; padding:10px; position:absolute; left:50%; top:215px; margin-left:-85px; background-color:#fff; width:170px; }
.codePage .code img { width:150px; height:150px; }
.codePage .info { position:absolute; top:415px; left:0; width:100%; line-height:1.5; font-size:18px; color:#333; }
.codePage .info .name { font-size:24px;}

/*agentPage*/
.agentPage {box-sizing:border-box; height:100%; overflow-y:auto;}
.agentPage .top{padding:0.2rem 0 0 0.3rem; height:0.9rem; line-height:0.9rem; background-color:#f0f0f0; font-size:0.24rem; color:#999;}
.agentPage ul{ padding:0.5rem 0 0 0.4rem; }
.agentPage li { box-sizing:border-box; padding:0.35rem 0 0; border-bottom:1px solid #e6e6e6; line-height:1; font-size:0.32rem; color:#333; }
.agentPage li .txt { padding:0.3rem 0; height:0.4rem; line-height:0.4rem; font-size:0.32rem; border:none; outline:none; }
.agentPage .btm { padding:0.7rem 0.4rem 0; box-sizing:border-box;}

/*showTip*/
.showTip { display:none; box-sizing:border-box; padding:0 0.2rem; position:absolute; left:0; bottom:1.2rem; width:100%; text-align:center; }
.showTip .tip { display:inline-block; padding:0.2rem; box-sizing:border-box; vertical-align:top; line-height:0.5rem; background-color:rgba(0,0,0,.7); color:#fff; border-radius:0.15rem; font-size:0.26rem;}

/*myLink*/
.myLink { padding:2.25rem 0.45rem 0; box-sizing:border-box; height:100%; overflow-y:auto;}
.myLink .url { margin-bottom:0.7rem; font-size:0.26rem; line-height:1.5; color:#666; word-wrap:break-word; }
.myLink .url::selection {background:none; color:#333;}

/*register*/
.register { position:relative; box-sizing:border-box; padding:.2rem 0 0; height:100%; background-color:#f1f1f1; }
.register .txt { width:100%; box-sizing:border-box; padding:0.3rem 0; height:1rem; line-height:0.4rem; border:none; outline:none; font-size:0.32rem; color:#333; }
.register .txt.choose { position:relative; padding-right:0.75rem; text-align:right; background:url(../images/i_arrow.png) no-repeat 95% 50%; background-size:0.14rem 0.24rem; font-size:0.26rem;}
.register .list { padding-left:0.3rem; box-sizing:border-box; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background-color:#fff; }
.register .list li { border-bottom:1px solid #e4e4e4 }
.register .list li:last-child { border-bottom:none; }
.register .subBox {padding:0.5rem 0.45rem 0; box-sizing:border-box;}
.register .getCode,.register .countDown { position:absolute; right:0.2rem; top:50%; margin-top:-0.2rem; height:0.2rem; color:#ff8400; font-size:0.32rem; }
.register .countDown { display:none; }

/*checkbox*/
.check { position:relative; display:block; width:0.36rem; height:0.36rem; overflow:hidden;}
.check input[type="checkbox"],.check input[type="radio"] {visibility:hidden;}
.check input[type="checkbox"]+label,.check input[type="radio"]+label { box-sizing:border-box; position:absolute; left:0; top:0; width:0.36rem; height:0.36rem; border-radius:50%; border:1px solid #ff8400;}
.check input[type="checkbox"]:checked+label,.check input[type="radio"]:checked+label { border-color:#ff8400; }
.check input[type="checkbox"]:checked+label:after,.check input[type="radio"]:checked+label:after { position:absolute; left:50%; top:50%; margin:-0.12rem 0 0 -0.12rem; width:0.24rem; height:0.24rem; content:''; background:url(../images/rad.png) no-repeat 50% 50%; background-size:0.24rem 0.24rem;}

/*explain*/
.explain { padding:0 0.3rem; box-sizing:border-box; height:100%; overflow-y:auto;}
.explain .t { padding:0.55rem 0; line-height:0.8rem; border-bottom:1px solid #dedede; font-size:0.6rem; color:#333; font-weight:normal; }
.explain .con {padding-top:0.4rem; text-align:justify;}
.explain .con p { margin-bottom:0.2rem; font-size:0.3rem; line-height:2; color:#666;}

/*kVal*/
.kVal,.customerPage {box-sizing:border-box; height:100%; overflow-y:auto;}
.kVal .top,.customerPage .top { position:relative; box-sizing:border-box; padding-top:.65rem; height:4.4rem; background:url(../images/account_bg.png) no-repeat 0 100%; background-size:100% 100%; font-size:0.36rem; line-height:1; color:rgba(255,255,255,.5);}
.kVal .money,.customerPage .num { padding:0.4rem 0 0; color:#fff; font-size:1.26rem; font-weight:bold; }
.kVal .t-b,.customerPage .t-b { position:absolute; bottom:0; width:100%; height:1.2rem; background-color:rgba(0,0,0,.1); text-align:center; font-size:0.24rem; line-height:1; color:rgba(255,255,255,.4)}
.kVal .t-b .flex,.customerPage .t-b .flex { padding:0.2rem 0;}
.kVal .t-b .price {padding-bottom:0.1rem; font-size:0.48rem; line-height:1; color:#fff;}
/*.kVal .t-b .flex:last-child,.customerPage .t-b .flex:last-child { border-left:1px solid rgba(255,255,255,.15);}*/
.kLine li { border-bottom:1px solid #efefef; height:1.1rem; line-height:1.1rem; font-size:0.32rem; color:#000; overflow:hidden; }
.kLine li .date { padding:0 0.3rem; color:#999; }
.ktab table { width:100%; font-size:0.3rem; text-align:center; }
.ktab table tr { height:0.86rem; }
.ktab table thead tr { background:#f4f4f4; color:#999; }
.ktab table tbody tr { border-bottom:1px solid #efefef; }


/*customerPage*/
.customerPage .num .unit {font-weight:normal; font-size:0.48rem; }
.customerPage .t-b .flex { position:relative; font-size:0.36rem; color:#fff; line-height:.8rem; }
.customerPage .t-b .flex.curr:after { position:absolute; left:50%; bottom:0; width:0; height:0; content:''; transform:translateX(-50%); border:0.18rem solid transparent; border-bottom-color:#fff; }
.customerList {padding:0 0 0 0.3rem;}
.customerList li { padding:0.35rem 0.3rem 0.35rem 0; border-bottom:1px solid #efefef; line-height:0.45rem; font-size:0.26rem; color:#999;}
.customerList li .name { color:#000; font-size:0.32rem; }

/*myAgent*/
.myAgent {position:relative; box-sizing:border-box; height:100%; overflow-y:auto;}
.myAgent ul{ padding-left:0.3rem; }
.myAgent li { padding:0.35rem 0.3rem 0.35rem 0; border-bottom:1px solid #efefef; line-height:0.45rem; font-size:0.26rem; color:#999;}
.myAgent li .name { color:#000; font-size:0.32rem; }
.myAgent .add { position:absolute; bottom:0.3rem; right:0.3rem; width:1.2rem; height:1.2rem; background-color:#8d7e54; color:#fff; text-align:center; line-height:1.2rem; border-radius:50%; font-size:0.32rem; }

.contain .ktab { padding:0; }
.contain .ktab table tbody tr { border-bottom:none; }
.contain .ktab table tbody .des { border-bottom:1px solid #efefef }
.des { border:none; vertical-align:top; color:#666; }

/*myScore*/
.myScore {box-sizing:border-box; height:100%; overflow-y:auto;}
.myScore .tBar { height:0.8rem; line-height:0.8rem; background-color:#e8e8e8; text-align:center; font-size:0.32rem; color:#999; }
.myScore .tBar .t { width:33.3%; }
.myScore .scoreList { box-sizing:border-box; padding-left:0.3rem; }
.myScore .scoreList li { height:1.0rem; line-height:1.0rem; border-bottom:1px solid #e8e8e8; font-size:0.32rem; color:#333;}
.myScore .scoreList li p { width:33.3%; }
.myScore .scoreList li .score { box-sizing:border-box; padding-right:0.3rem; text-align:right; color:#0077f0; }
.scoreBtn { position:absolute; right:0.35rem; bottom:0.35rem; padding:0.3rem 0.35rem; box-sizing:border-box; width:1.5rem; line-height:0.45rem; background-color:#887748; color:#fff; font-size:0.36rem; text-align:center; border-radius:50%;}

/*beautyOpt*/
.beautyOpt {box-sizing:border-box; height:100%; overflow-y:auto;}
.beautyOpt .top {height:1.6rem; line-height:1.6rem; font-size:0.48rem; text-align:center; color:#fff; background:url(../images/user_bg.png) no-repeat 50% 50%; background-size:100% 100%;}
.beautyOpt .top img { width:7.5rem; }
.beautyOpt .beautyList { padding-top:0.1rem; }
.beautyOpt .beautyList li { margin-top:0.4rem; }

.qr { position:relative; box-sizing:border-box; height:100%; overflow-y:auto; background:url(../images/qr_bg.jpg) no-repeat #ddc98a; background-size:cover;}
.qr .qrkuang { padding:0.2rem; width:2.2rem; height:2.2rem; background:url(../images/qr_kuang.png) no-repeat; background-size:2.6rem 2.6rem; position:absolute; left:50%; top:5.6rem; margin-left:-1.1rem; }
.qr .qrkuang img { width:2.2rem; height:2.2rem; box-sizing:border-box; padding:0.1rem; background-color:#fff; }
.qrlogo { position:absolute; bottom:0.3rem; left:50%; margin-left:-1.64rem; }
.qrlogo img { width:3.28rem; }